import { ref, computed } from 'vue'
import { defineStore } from 'pinia'

const _useCounterStore = defineStore('counter', () => {
  const count = ref(1)
  const doubleCount = computed(() => count.value * 2)
  function increment() {
    count.value++
  }

  return { count, doubleCount, increment }
})

declare global {
  interface Window {
    useCounterStore: typeof _useCounterStore
  }
}
export const useCounterStore = window.useCounterStore || _useCounterStore
